

<div class="panel panel-default">
    <style>
        .usuarioMasActivo {
          cursor:pointer;
          -webkit-transition-property: background-color;
          -webkit-transition-duration: .3s;
          -webkit-transition-timing-function: ease;
          -moz-transition-property: background-color;
          -moz-transition-duration: .3s;
          -moz-transition-timing-function: ease;
        }

        .usuarioMasActivo:hover {
          background-color:#eff1ff;
        }

    </style>
    <div class="panel-heading">
        <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                <b>Usuarios más activos</b>
            </a>
        </h4>
    </div>
    <div id="collapseFive" class="panel-collapse collapse">
        <div class="panel-body">
            <div id="Roles" class="block-body collapse in">
                <div style="width:45%;float:left;margin-left:30px;">
                    <table class="table">
                        <thead>
                            <tr>
                                <th> </th>
                                <th>Nombre</th>
                                <th>Proyectos</th>
                                <th>Ofertas</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php 
                                $usuariosMasActivos = usuariosMasActivos();
                                $i = 0;
                                while ($i < count($usuariosMasActivos)) {
                            ?>
                        
                            <tr class="usuarioMasActivo" onclick="javascript:document.verUsuario<?php echo $i ?>.submit();">
                                <td><img style="width:40px" class='thumb' src="../<?php echo $usuariosMasActivos[$i]['foto'] ?>"></td>
                                <td style="padding:15px"><?php echo $usuariosMasActivos[$i]['nombre']." ".$usuariosMasActivos[$i]['apellidos']; ?></td>
                                <td style="padding:15px"><?php echo $usuariosMasActivos[$i]['totalProyectos']; ?></td>
                                <td style="padding:15px"><?php echo $usuariosMasActivos[$i]['totalOfertas']; ?></td>
                                <td>
                                    <form name="verUsuario<?php echo $i ?>" method="post" action="../usuarios/perfil.php">
                                        <input type="hidden" name="uid" value="<?php echo $usuariosMasActivos[$i]['idUsuario'] ?>">
                                    </form> 
                                </td>
                            </tr>
                          <?php
                              $i++;
                              }
                          ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
 </div> 